@charset "UTF-8";

// flex布局居中对齐方式
// *不传参数默认为主轴居中对齐 纵轴（单行/多行）为居中对齐
// 参数分别为：单行主轴对齐方式、单行纵轴对齐方式、多行纵轴对齐方式
@mixin flex-center($jc: center, $ai: center, $ac: stretch) {
  display: flex;
  justify-content: $jc;
  align-items: $ai;
  align-content: $ac;
}

// flex主轴方向控制（css默认为水平）
// 参数分别为：是否水平排列、是否文档从左到右（比如true为123.反向后为321）
@mixin flex-direction($direction: true, $reverse: true) {
  @if $direction {
    @if not($reverse) {
      flex-direction: row-reverse;
    }
  }
  @else {
    @if $reverse {
      flex-direction: column;
    }
    @else {
      flex-direction: column-reverse;
    }
  }
}

// flex布局允许多行（css默认为单行）
@mixin flex-wrap() {
  flex-wrap: wrap;
}
